<div class="palm-hasheader">
  <div class="palm-header">Status</div>
</div>

<div class="palm-header-spacer"></div>

<div id="info" class="palm-body-text">
  Your application is running! 
</div>

<div class="palm-group">

  <div class="palm-group-title">
    <span x-mojo-loc="">Connection Status</span>
  </div>

  <div class="palm-list">
    <div class='palm-row first'>
      <div class="palm-row-wrapper">
        <div class="label">mobile</div>
        <div id="mobile" class="title xmpp-status">disconnected</div>
      </div>
    </div>

    <div class='palm-row last'>
      <div class="palm-row-wrapper">
        <div class="label">browser</div>
        <div id="browser" class="title xmpp-status">disconnected</div>
      </div>
    </div>
  </div>
</div>

<div class="palm-group">
  <div class="palm-group-title">
    <span x-mojo-loc="">Send Message</span>
  </div>

  <div class="palm-list">
    <div class='palm-row first'>
      <div class="palm-row-wrapper">
        <div class="title">
          <div id="message" x-mojo-element="TextField"></div>
        </div>
      </div>
    </div>

    <div class='palm-row last'>
      <div class="palm-row-wrapper">
        <div id="send" x-mojo-element="Button"></div>
      </div>
    </div>
  </div>

</div>

<div id="logout" x-mojo-element="Button"></div>

